/* Empty. Add your own CSS if you like */

@-webkit-keyframes animations-left{
    0%   {left:20%}
    25%  {left:100%;}
}
@-webkit-keyframes animations-right{
    25%   {left:20%}
    0%  {left:100%;}
}
*{
	padding: 0;
	margin: 0;
}
ion-nav-view{
	background:#fff;
}
a{
	text-decoration: none;
}
.left-list .list .item span {
	font-size: 12px;
	padding-top: 35px;
	display: block;
}
/*移动收费*/
.left-list .list .item .freeCharge{
	background: url(../img/freeCharge.png) no-repeat;
	background-size: 28px 25px;
	background-position: 36px 9px;
	color: #A9A9A9;
}
.left-list .list .item .freeCharge-actived{
	background: url(../img/freeCharge-actived.png) no-repeat;
	background-size: 28px 25px;
	background-position: 36px 9px;
	color: #fff;	
}
.left-list .list .item {
	border-color: #323A46;
	background: none;
	font-size: 12px;
	height: 70px;
	text-align: center;
}
.gray {
	background: #323A46;
}
.item-complex .item-content, .item-radio .item-content{
	padding:16px;
}
.right-content{
	width:100%;
	height:100%;
}
.bar.bar-header {
	background:#d14014;
}
.bar .title {
	color: #fff;
}
.data-info {
	text-align: center;
}
.button-icon.icon:before {
	color: #fff;
}
.bar.bar-header.black {
	background: #2A2F37;
}
.bar .title a {
	color: #fff;
	font-size: 12px;
}
.go-home-page {
	background: url(../img/home.png) no-repeat;
	background-size: 16px 16px;
	padding-left: 20px;
	background-position: 1px 0px;
}
/*平板*/
@media only screen and (min-width: 640px){
    .data-view.ng-enter {
        -webkit-animation:animations-left 0.5s;
    }
    .data-view.ng-leave {
        -webkit-animation:animations-right 0.00005s;
    }
    .middle-menu {
		position: absolute;
		z-index:999;
		left: 0;
		width: 31.25%;
		height: 100%;
		border-right: 1px #ccc solid;
    }
    .right-data{
    	position: absolute;
    	left: 31.25%;
    	width:68.75%;
    	height:100%;
    }
    .img-none{
		text-align: center;
	}
	.img-none img{
		width: 40%;
		margin-top: 25%;
	}
	.modal {
		min-height: 464px;
		border-radius: 4px;
	}
}
/*手机*/
@media only screen and (max-width: 640px){
	.middle-menu {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		border-right: none;
    }
	.right-data{
    	display: none;
    }
}